<template>
  <div>
    <el-dialog
            id="pricesDialog1"
            title="新建报价单（成品）"
            :visible.sync="dialogshow"
            :before-close="dialogClose"
            style="display: none"
            top="10vh"
            width="90%"
            :fullscreen="fullscreen"
    >

      <dialog-tools
              v-bind:back="true"
              v-bind:next="true"
              v-bind:goback="true"
              v-bind:prev="true"
              v-bind:screen="true"
              @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <el-form
              id="form-baoji"
              size="mini"
              :model="formData"
              label-width="100px"
              style="height: 500px; overflow: auto"
              label-position="top"
              :inline="true"
      >
        <el-tabs
                class="baojia-tabs"
                type="border-card"
                style="padding-left: 10px; padding-right: 10px"
        >
          <el-tab-pane label="报价详情">
            <el-row>
              <el-col :span="21">
                <el-row>
                  <el-col :span="3">
                    <el-form-item label="客户名称">
                      <el-input
                              v-model="customer.customercode"
                              auto-complete="off"
                              @click.native="handleButtons(2)"
                      ></el-input>
                    </el-form-item>
                  </el-col
                  >
                  <el-col :span="3">
                    <el-form-item label="业务联系人" prop="customercate">
                      <el-select
                              v-model="customer.customercate"
                              filterable
                              style="width: 100%"
                      >
                        <el-option label="联系人1" value="A"></el-option>
                        <el-option label="联系人2" value="B"></el-option>
                        <el-option label="联系人3" value="C"></el-option>
                        <el-option label="联系人4" value="D"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col
                  >
                  <el-col :span="3">
                    <el-form-item label="物品名称" prop="creditrank">
                      <el-input
                              v-model="customer.certificateno"
                              auto-complete="off"
                      ></el-input>
                    </el-form-item>
                  </el-col
                  >
                  <el-col :span="3">
                    <el-form-item label="物品品类">
                      <el-select
                              v-model="customer.customercate"
                              filterable
                              style="width: 100%"
                      >
                        <el-option label="戒指" value="A"></el-option>
                        <el-option label="项链" value="B"></el-option>
                        <el-option label="耳环" value="C"></el-option>
                        <el-option label="其它" value="D"></el-option>
                      </el-select>
                    </el-form-item>
                  </el-col
                  >
                  <el-col :span="3">
                    <el-form-item label="规格尺寸/手寸">
                      <el-cascader
                              v-model="customer.annualsales"
                              :options="fieldGgccOptions"
                              :props="fieldGgccOptions"
                              style="width: 100px"
                              placeholder="请选择"
                              clearable
                      ></el-cascader>
                    </el-form-item>
                  </el-col
                  >
                  <el-col :span="3">
                    <el-form-item label="数量">
                      <el-input
                              v-model="customer.annualsales"
                              auto-complete="off"
                      ></el-input>
                    </el-form-item>
                  </el-col
                  >
                  <el-col :span="4">
                    <el-form-item label="品牌">
                      <el-input
                              v-model="customer.annualsales"
                              auto-complete="off"
                      ></el-input>
                    </el-form-item>
                  </el-col>
                  <el-col :span="3">
                    <el-form-item label="是否设计" prop="field3000">
                      <el-checkbox-group v-model="formData.field3000" size="medium">
                        <el-checkbox
                                v-for="(item, index) in field3000Options"
                                :key="index"
                                :label="item.value"
                                :disabled="item.disabled"
                        >{{ item.label }}
                        </el-checkbox
                        >
                      </el-checkbox-group>
                    </el-form-item>
                  </el-col>
                  <el-col :span="3">
                    <el-form-item label="是否起版" prop="field3000">
                      <el-checkbox-group v-model="formData.field3000" size="medium">
                        <el-checkbox
                                v-for="(item, index) in field3000Options"
                                :key="index"
                                :label="item.value"
                                :disabled="item.disabled"
                        >{{ item.label }}
                        </el-checkbox
                        >
                      </el-checkbox-group>
                    </el-form-item>
                  </el-col>
                  <el-col :span="3">
                    <el-form-item label="是否改版" prop="field3000">
                      <el-checkbox-group v-model="formData.field3000" size="medium">
                        <el-checkbox
                                v-for="(item, index) in field3000Options"
                                :key="index"
                                :label="item.value"
                                :disabled="item.disabled"
                        >{{ item.label }}
                        </el-checkbox
                        >
                      </el-checkbox-group>
                    </el-form-item>
                  </el-col>

                  <el-col :span="3">
                    <el-form-item label="是否一口价" prop="fieldz3000">
                      <el-checkbox-group v-model="formData.fieldz3000" size="medium">
                        <el-checkbox
                                v-for="(item, index) in field3000Options"
                                :key="index"
                                :label="item.value"
                                :disabled="item.disabled"
                        >{{ item.label }}
                        </el-checkbox
                        >
                      </el-checkbox-group>
                    </el-form-item>
                  </el-col>


                  <el-col :span="4" v-if="formData.fieldz3000 > 0">
                    <el-form-item label="倍率">
                      <el-input
                              v-model="customer.beilv"
                              auto-complete="off"
                      ></el-input>
                    </el-form-item>
                  </el-col>

                </el-row>
              </el-col>
              <el-col :span="3" class="col-sum">
                <div>单价：200000元</div>
                <div>总价：99999999元</div>
                <div v-if="formData.fieldz3000 > 0">一口价：{{customer.yikoujia}}</div>
              </el-col>
            </el-row>
            <el-divider></el-divider>

            <el-row>
              <el-col :span="20">
                <el-form-item label="主石" prop="field101">
                  <el-select
                          v-model="formData.field101"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field101Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="客户提供" prop="field3000">
                  <el-checkbox-group v-model="formData.field3000" size="medium">
                    <el-checkbox
                            v-for="(item, index) in field3000Options"
                            :key="index"
                            :label="item.value"
                            :disabled="item.disabled"
                    >{{ item.label }}
                    </el-checkbox
                    >
                  </el-checkbox-group>
                </el-form-item>
                <!-- 客户提供 为是 显示  声明价值   否时显示单价和总价 另一个隐藏-->
                <el-form-item label="声明价值" prop="field113">
                  <el-input
                          v-model="formData.field113"
                          placeholder="声明价值"
                          style="width: 80px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="形状" prop="field2000">
                  <el-select
                          v-model="formData.field2000"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field2000Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="色泽/颜色" prop="field105">
                  <el-select
                          v-model="formData.field105"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field105Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="净度" prop="field102">
                  <el-select
                          v-model="formData.field102"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field102Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="切工" prop="field110">
                  <el-select
                          v-model="formData.field110"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field110Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="数量（粒）" prop="field112">
                  <el-input-number
                          v-model="formData.field112"
                          placeholder="请输入"
                          :step="1"
                          controls-position="right"
                          :min="1"
                          :max="10000"
                          style="width: 80px"
                  ></el-input-number>
                </el-form-item>
                <el-form-item label="CT（克拉重）" prop="field108">
                  <el-input-number
                          v-model="formData.field108"
                          placeholder="请输入"
                          :step="0.001"
                          :precision="3"
                          controls-position="right"
                          :max="10000"
                          style="width: 100px"
                  ></el-input-number>
                </el-form-item>

                <el-form-item label="主石单价" prop="field113">
                  <el-input-number
                          v-model="formData.field113"
                          placeholder="请输入物品单价"
                          :step="1"
                          controls-position="right"
                          :max="10000000"
                          style="width: 100px"
                  ></el-input-number>
                </el-form-item>
                <el-form-item label="主石总价" prop="field113">
                  <el-input
                          v-model="formData.field113"
                          placeholder="主石总价"
                          :disabled="true"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>

                <el-form-item label="镶石费单价" prop="field118">
                  <el-input-number
                          v-model="formData.field118"
                          placeholder="请输入"
                          :step="1"
                          controls-position="right"
                          style="width: 100px"
                  ></el-input-number>
                </el-form-item>

                <el-form-item label="镶石费总价" prop="field123">
                  <el-input
                          v-model="formData.field123"
                          placeholder="镶石费总价"
                          :disabled="true"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
              </el-col
              >
              <el-col :span="1" class="col-button">
                <el-tooltip content="确定添加" placement="bottom">
                  <el-button
                          type="primary"
                          icon="el-icon-plus"
                          size="mini"
                  ></el-button>
                </el-tooltip>

              </el-col
              >
              <el-col :span="3" class="col-sum"
              >
                <div class="sum-xj">小计：200000元</div>
              </el-col>
            </el-row
            >
            <el-row>
              <div
                      @click="showTableZs = !showTableZs"
                      style="
                  folat: right;
                  width: 100%;
                  font-size: 16px;
                  cursor: pointer;
                  color: #409EFF;
                  padding: 10px;
                "
              >
                <el-row
                >
                  <el-col :span="3">已添加主石 3种
                  </el-col
                  >
                  <el-col :span="3">总数量 10粒
                  </el-col
                  >
                  <el-col :span="3">总重量 200.005克拉
                  </el-col
                  >
                  <el-col :span="3">主石总价 50000元
                  </el-col
                  >
                  <el-col :span="3">总镶石费2000元
                  </el-col
                  >
                  <el-col :span="3">&nbsp;
                  </el-col
                  >
                  <el-col :span="1">&nbsp;
                  </el-col
                  >
                </el-row
                >
              </div>
            </el-row>
            <el-row
            >
              <el-col :span:="24">
                <el-table
                        v-if="showTableZs"
                        ref="multipleTable"
                        stripe
                        :data="tableDataZs"
                        :show-summary="true"
                        border
                        row-class-name="tableRow"
                        header-row-class-name="tableHeader"
                        :highlight-current-row="true"
                        @row-dblclick="dialogClose"
                        style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                          type="selection"
                          width="60"
                  ></el-table-column>
                  <el-table-column
                          prop="id"
                          label="序号"
                          width="50"
                  ></el-table-column>
                  <el-table-column
                          prop="name"
                          label="主石"
                          sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column prop="smjz" label="声明价值">
                  </el-table-column>
                  <el-table-column prop="xz" label="形状"></el-table-column>

                  <el-table-column
                          prop="ys"
                          label="色泽/颜色"
                  ></el-table-column>
                  <el-table-column
                          prop="jd"
                          label="净度"
                          width="50"
                  ></el-table-column>

                  <el-table-column prop="qg" label="切工"></el-table-column>
                  <el-table-column
                          prop="number"
                          label="数量"
                          width="50"
                  ></el-table-column>
                  <el-table-column
                          prop="ct"
                          label="CT（克拉重）"
                  ></el-table-column>

                  <el-table-column
                          prop="zsdj"
                          label="主石单价"
                  ></el-table-column>
                  <el-table-column
                          prop="zszj"
                          label="主石总价"
                  ></el-table-column>
                  <el-table-column prop="xsfdj" label="镶石费单价">
                  </el-table-column>
                  <el-table-column prop="xsfzj" label="镶石费总价">
                  </el-table-column>

                  <el-table-column
                          prop="price_sum"
                          label="总价"
                  ></el-table-column>
                  <el-table-column width="80">
                    <template slot="header" slot-scope="scope">
                      <el-tooltip content="删除选中" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                    <template slot-scope="scope">
                      <el-tooltip content="删除" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </el-col
              >
            </el-row>
            <el-divider></el-divider>
            <el-row>
              <el-col :span="20">
                <el-form-item label="副石" prop="field170">
                  <el-select
                          v-model="formData.field170"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field170Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="客户提供" prop="field3000">
                  <el-checkbox-group v-model="formData.field3000" size="medium">
                    <el-checkbox
                            v-for="(item, index) in field3000Options"
                            :key="index"
                            :label="item.value"
                            :disabled="item.disabled"
                    >{{ item.label }}
                    </el-checkbox
                    >
                  </el-checkbox-group>
                </el-form-item>
                <el-form-item label="形状" prop="field2000">
                  <el-select
                          v-model="formData.field2000"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field2000Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>

                <el-form-item label="色泽/颜色" prop="field105">
                  <el-select
                          v-model="formData.field105"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field105Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="净度" prop="field172">
                  <el-select
                          v-model="formData.field172"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field172Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="切工" prop="field110">
                  <el-select
                          v-model="formData.field110"
                          placeholder="请选择"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field110Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="数量（粒）" prop="field171">
                  <el-input-number
                          v-model="formData.field171"
                          placeholder="请输入"
                          :step="1"
                          controls-position="right"
                          :min="1"
                          :max="10000"
                          style="width: 80px"
                  ></el-input-number>
                </el-form-item>
                <el-form-item label="CT（克拉重）" prop="field174">
                  <el-input-number
                          v-model="formData.field174"
                          placeholder="请输入"
                          :step="0.001"
                          :precision="3"
                          controls-position="right"
                          :max="10000"
                          style="width: 100px"
                  ></el-input-number>
                </el-form-item>
                <!-- 客户提供 选是时  有配石费  ，没有副石单价和总价， 否时相反 -->
                <el-form-item label="副石单价" prop="field177">
                  <el-input-number
                          v-model="formData.field177"
                          placeholder="副石单价"
                          :step="1"
                          controls-position="right"
                          :max="10000000"
                          style="width: 100px"
                  ></el-input-number>
                </el-form-item>
                <el-form-item label="副石总价" prop="field177">
                  <el-input
                          v-model="formData.field177"
                          placeholder="副石总价"
                          :disabled="true"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="配石费" prop="field177">
                  <el-input
                          v-model="formData.field177"
                          placeholder="配石费"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>

                <el-form-item label="镶石费单价" prop="field180">
                  <el-input-number
                          v-model="formData.field180"
                          placeholder="请输入"
                          :step="1"
                          controls-position="right"
                          style="width: 100px"
                  ></el-input-number>
                </el-form-item>

                <el-form-item label="镶石费总价" prop="field181">
                  <el-input
                          v-model="formData.field181"
                          placeholder="镶石费总价"
                          :disabled="true"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
              </el-col
              >
              <el-col :span="1" class="col-button">
                <el-tooltip content="确定添加" placement="bottom">
                  <el-button
                          type="primary"
                          icon="el-icon-plus"
                          size="mini"
                  ></el-button>
                </el-tooltip>

              </el-col
              >
              <el-col :span="3" class="col-sum"
              >
                <div class="sum-xj">小计：200000元</div>
              </el-col>
            </el-row
            >
            <el-row>
              <div
                      @click="showTableFs = !showTableFs"
                      style="
                  folat: right;
                  width: 100%;
                  font-size: 16px;
                  cursor: pointer;
                "
              >
                <el-row
                >
                  <el-col :span="3">已添加副石 3种
                  </el-col
                  >
                  <el-col :span="3">总数量 12粒
                  </el-col
                  >
                  <el-col :span="3">总重量 100.005克拉
                  </el-col
                  >
                  <el-col :span="3">副石总价 50000元
                  </el-col
                  >
                  <el-col :span="3">总镶石费2000元
                  </el-col
                  >
                  <el-col :span="3">&nbsp;
                  </el-col
                  >
                  <el-col :span="1">&nbsp;
                  </el-col
                  >
                  <el-col :span="3"
                  >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                          class="el-icon-view el-icon--right"
                  ></i>
                    查看详情
                  </el-col
                  >
                </el-row
                >
              </div>
            </el-row>

            <el-row
            >
              <el-col :span:="24">
                <el-table
                        v-if="showTableFs"
                        ref="multipleTable"
                        stripe
                        :data="tableDataFs"
                        :show-summary="true"
                        border
                        row-class-name="tableRow"
                        header-row-class-name="tableHeader"
                        :highlight-current-row="true"
                        @row-dblclick="dialogClose"
                        style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                          type="selection"
                          width="60"
                  ></el-table-column>
                  <el-table-column
                          prop="id"
                          label="序号"
                          width="50"
                  ></el-table-column>
                  <el-table-column
                          prop="name"
                          label="副石"
                          sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column prop="xz" label="形状"></el-table-column>

                  <el-table-column
                          prop="ys"
                          label="色泽/颜色"
                  ></el-table-column>
                  <el-table-column
                          prop="jd"
                          label="净度"
                          width="80"
                  ></el-table-column>

                  <el-table-column prop="qg" label="切工"></el-table-column>
                  <el-table-column
                          prop="number"
                          label="数量"
                          width="50"
                  ></el-table-column>
                  <el-table-column
                          prop="ct"
                          label="CT（克拉重）"
                  ></el-table-column>

                  <el-table-column
                          prop="zsdj"
                          label="副石单价"
                  ></el-table-column>
                  <el-table-column
                          prop="zszj"
                          label="副石总价"
                  ></el-table-column>
                  <el-table-column prop="psf" label="配石费"></el-table-column>
                  <el-table-column prop="xsfdj" label="镶石费单价">
                  </el-table-column>
                  <el-table-column prop="xsfzj" label="镶石费总价">
                  </el-table-column>

                  <el-table-column
                          prop="price_sum"
                          label="总价"
                  ></el-table-column>
                  <el-table-column width="80">
                    <template slot="header" slot-scope="scope">
                      <el-tooltip content="删除选中" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                    <template slot-scope="scope">
                      <el-tooltip content="删除" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </el-col
              >
            </el-row>
            <el-divider></el-divider>

            <el-row>
              <el-col :span="20">
                <el-form-item label="金属品类" prop="field127">
                  <el-cascader
                          v-model="formData.field127"
                          :options="field127Options"
                          :props="field127Props"
                          style="width: 100px"
                          placeholder="请选择金属品类"
                          clearable
                  ></el-cascader>
                </el-form-item>
                <el-form-item label="客户提供" prop="field3000">
                  <el-checkbox-group v-model="formData.field3000" size="medium">
                    <el-checkbox
                            v-for="(item, index) in field3000Options"
                            :key="index"
                            :label="item.value"
                            :disabled="item.disabled"
                    >{{ item.label }}
                    </el-checkbox
                    >
                  </el-checkbox-group>
                </el-form-item>
                <el-form-item label="实时金价（克）" prop="field143">
                  <el-input-number
                          v-model="formData.field143"
                          placeholder="金属单价"
                          :step="1"
                          controls-position="right"
                          :max="10000000"
                  ></el-input-number>
                </el-form-item>

                <el-form-item label="成色（%）" prop="field128">
                  <el-input
                          v-model="formData.field128"
                          placeholder="成色（%）"
                          clearable
                          style="width: 100px"
                  >
                  </el-input>
                </el-form-item>
                <el-form-item label="单位" prop="field140">
                  <el-select
                          v-model="formData.field140"
                          placeholder="单位"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field140Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="色泽/颜色" prop="field135">
                  <el-select
                          v-model="formData.field135"
                          placeholder="请选择色泽/颜色"
                          clearable
                          style="width: 100px"
                  >
                    <el-option
                            v-for="(item, index) in field135Options"
                            :key="index"
                            :label="item.label"
                            :value="item.value"
                            :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item
                >
                <el-form-item label="净金重（克）" prop="field137">
                  <el-input
                          v-model="formData.field137"
                          placeholder="净金重"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="损耗率（%）">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="连耗重（克）" prop="field137">
                  <el-input
                          v-model="formData.field137"
                          placeholder="连耗重"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="金属总价" prop="field142">
                  <el-input
                          v-model="formData.field142"
                          placeholder="金属单价"
                          :disabled="true"
                          clearable
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="1" class="col-button">
                <el-tooltip content="确定添加" placement="bottom">
                  <el-button
                          type="primary"
                          icon="el-icon-plus"
                          size="mini"
                  ></el-button>
                </el-tooltip>

              </el-col
              >
              <el-col :span="3" class="col-sum"
              >
                <div class="sum-xj">小计：200000元</div>
              </el-col>
            </el-row
            >

            <el-row>
              <div
                      @click="showTableGjs = !showTableGjs"
                      style="
                  folat: right;
                  width: 100%;
                  font-size: 16px;
                  cursor: pointer;
                "
              >
                <el-row
                >
                  <el-col :span="3">已添加金属 3种
                  </el-col
                  >
                  <el-col :span="3">总重量 200.5克
                  </el-col
                  >
                  <el-col :span="3">金属总价 50000元
                  </el-col
                  >
                  <el-col :span="3">&nbsp;
                  </el-col
                  >
                  <el-col :span="3">&nbsp;
                  </el-col
                  >
                  <el-col :span="3">&nbsp;
                  </el-col
                  >
                  <el-col :span="1">&nbsp;
                  </el-col
                  >
                  <el-col :span="3"
                  >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                          class="el-icon-view el-icon--right"
                  ></i>
                    查看详情
                  </el-col
                  >
                </el-row
                >
              </div>
            </el-row>
            <el-row
            >
              <el-col :span:="24">
                <el-table
                        v-if="showTableGjs"
                        ref="multipleTable"
                        stripe
                        :data="tableDataGjs"
                        :show-summary="true"
                        border
                        row-class-name="tableRow"
                        header-row-class-name="tableHeader"
                        :highlight-current-row="true"
                        @row-dblclick="dialogClose"
                        style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                          type="selection"
                          width="60"
                  ></el-table-column>
                  <el-table-column
                          prop="id"
                          label="序号"
                          width="50"
                  ></el-table-column>
                  <el-table-column
                          prop="name"
                          label="金属"
                          sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column prop="ssjj" label="实时金价（克）"></el-table-column>
                  <el-table-column prop="cs" label="成色"></el-table-column>
                  <el-table-column prop="dw" label="单位"></el-table-column>
                  <el-table-column
                          prop="ys"
                          label="色泽/颜色"
                  ></el-table-column>

                  <el-table-column prop="jjz" label="净金重（克）"></el-table-column>
                  <el-table-column prop="shl" label="损耗率%"></el-table-column>
                  <el-table-column prop="lhz" label="连耗重（克）"></el-table-column>
                  <el-table-column
                          prop="gjszj"
                          label="金属总价"
                  ></el-table-column>

                  <el-table-column
                          prop="price_sum"
                          label="总价"
                  ></el-table-column>
                  <el-table-column width="80">
                    <template slot="header" slot-scope="scope">
                      <el-tooltip content="删除选中" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                    <template slot-scope="scope">
                      <el-tooltip content="删除" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </el-col
              >
            </el-row>
            <el-divider></el-divider>

            <el-row>
              <el-col :span="20">
                <el-row>
                  <el-form-item label="配件" prop="field198">
                    <el-select
                            v-model="formData.field198"
                            placeholder="配件1"
                            clearable
                            style="width: 100px"
                    >
                      <el-option
                              v-for="(item, index) in field198Options"
                              :key="index"
                              :label="item.label"
                              :value="item.value"
                              :disabled="item.disabled"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="客户提供" prop="field3000">
                    <el-checkbox-group
                            v-model="formData.field3000"
                            size="medium"
                    >
                      <el-checkbox
                              v-for="(item, index) in field3000Options"
                              :key="index"
                              :label="item.value"
                              :disabled="item.disabled"
                      >{{ item.label }}
                      </el-checkbox
                      >
                    </el-checkbox-group>
                  </el-form-item>
                  <el-form-item label="材质" prop="field205">
                    <el-cascader
                            v-model="formData.field205"
                            :options="field205Options"
                            :props="field205Props"
                            style="width: 100px"
                            clearable
                    ></el-cascader>
                  </el-form-item>

                  <el-form-item label="计价方式" prop="field204">
                    <el-select
                            v-model="formData.field204"
                            placeholder="计价方式"
                            clearable
                            style="width: 120px"
                    >
                      <el-option
                              v-for="(item, index) in field204Options"
                              :key="index"
                              :label="item.label"
                              :value="item.value"
                              :disabled="item.disabled"
                      ></el-option>
                    </el-select>
                  </el-form-item>

                  <el-form-item label="成色（%）" prop="field188">
                    <el-input
                            v-model="formData.field188"
                            placeholder="成色（%）"
                            clearable
                            style="width: 100px"
                    >
                    </el-input>
                  </el-form-item>
                  <el-form-item label="颜色" prop="field188">
                    <el-input
                            v-model="formData.field188"
                            placeholder="颜色"
                            clearable
                            style="width: 100px"
                    >
                    </el-input>
                  </el-form-item>

                  <el-form-item label="规格尺寸" prop="field191">
                    <el-input
                            v-model="formData.field191"
                            placeholder="请选择尺寸"
                            clearable
                            style="width: 100px"
                    >
                    </el-input>
                  </el-form-item>
                  <el-form-item label="数量" prop="field189">
                    <el-input-number
                            v-model="formData.field189"
                            placeholder="请输入数量"
                            :step="1"
                            controls-position="right"
                            :min="1"
                            :max="10000"
                            style="width: 100px"
                    ></el-input-number>
                  </el-form-item>
                  <el-form-item label="货重（克/件）" prop="field192">
                    <el-input
                            v-model="formData.field192"
                            placeholder="货重（克/件）"
                            clearable
                            style="width: 100px"
                    >
                    </el-input>
                  </el-form-item>
                  <el-form-item label="总货重（克）" prop="field201">
                    <el-input
                            v-model="formData.field201"
                            placeholder="请输入总货重"
                            :disabled="true"
                            clearable
                            style="width: 100px"
                    ></el-input>
                  </el-form-item>
                  <!-- 选择计价方式后  配件单价和工费单价后面自动修改成 克 或 件 -->
                  <el-form-item label="配件单价（克/件）" prop="field195">
                    <el-input-number
                            v-model="formData.field195"
                            placeholder="配件单价"
                            :step="1"
                            controls-position="right"
                            :max="10000000"
                    ></el-input-number>
                  </el-form-item>
                  <el-form-item label="配件总价" prop="field194">
                    <el-input
                            v-model="formData.field194"
                            placeholder="配件总价"
                            :disabled="true"
                            clearable
                            style="width: 100px"
                    ></el-input>
                  </el-form-item>
                </el-row>
                <el-row>
                  <el-form-item label="工费单价（克/件）" prop="field202">
                    <el-input-number
                            v-model="formData.field202"
                            placeholder="工费单价"
                            :step="1"
                            style="width: 100px"
                            controls-position="right"
                    ></el-input-number>
                  </el-form-item>
                  <el-form-item label="工费总价" prop="field203">
                    <el-input
                            v-model="formData.field203"
                            placeholder="工费总价"
                            :disabled="true"
                            clearable
                            style="width: 100px"
                    ></el-input>
                  </el-form-item>
                </el-row>
              </el-col>
              <el-col :span="1" class="col-button">
                <el-tooltip content="确定添加" placement="bottom">
                  <el-button
                          type="primary"
                          icon="el-icon-plus"
                          size="mini"
                  ></el-button>
                </el-tooltip>
              </el-col
              >
              <el-col :span="3" class="col-sum"
              >
                <div class="sum-xj">小计：200000元</div>
              </el-col>
            </el-row
            >

            <el-row>
              <div
                      @click="showTablePj = !showTablePj"
                      style="
                  folat: right;
                  width: 100%;
                  font-size: 16px;
                  cursor: pointer;
                "
              >
                <el-row
                >
                  <el-col :span="3">已添加配件 3种
                  </el-col
                  >
                  <el-col :span="3">总数量 10件
                  </el-col
                  >
                  <el-col :span="3">总重量 200.5克
                  </el-col
                  >
                  <el-col :span="3">工费2000元
                  </el-col
                  >
                  <el-col :span="3">金属总价 50000元
                  </el-col
                  >
                  <el-col :span="3">&nbsp;
                  </el-col
                  >
                  <el-col :span="1">&nbsp;
                  </el-col
                  >
                  <el-col :span="3"
                  >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                          class="el-icon-view el-icon--right"
                  ></i>
                    查看详情
                  </el-col
                  >
                </el-row
                >
              </div>
            </el-row>
            <el-row
            >
              <el-col :span:="24">
                <el-table
                        v-if="showTablePj"
                        ref="multipleTable"
                        stripe
                        :data="tableDataPj"
                        :show-summary="true"
                        border
                        row-class-name="tableRow"
                        header-row-class-name="tableHeader"
                        :highlight-current-row="true"
                        @row-dblclick="dialogClose"
                        style="width: 100%; border-top: 1px solid #c5c5c5"
                >
                  <el-table-column
                          type="selection"
                          width="60"
                  ></el-table-column>
                  <el-table-column
                          prop="id"
                          label="序号"
                          width="50"
                  ></el-table-column>
                  <el-table-column
                          prop="name"
                          label="配件"
                          sortable
                  ></el-table-column>
                  <el-table-column prop="kfgh" label="客户提供">
                  </el-table-column>
                  <el-table-column
                          prop="namegjs"
                          label="材质"
                          sortable
                  ></el-table-column>
                  <el-table-column prop="jjfs" label="计价方式"></el-table-column>
                  <el-table-column prop="cs" label="成色%"></el-table-column>
                  <el-table-column prop="ys" label="颜色"></el-table-column>


                  <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
                  <el-table-column prop="number" label="数量"></el-table-column>
                  <el-table-column prop="hz" label="货重（克/件）"></el-table-column>
                  <el-table-column prop="zhz" label="总货重（克）"></el-table-column>
                  <el-table-column
                          prop="pjdj"
                          label="配件单价（克/件）"
                  ></el-table-column>
                  <el-table-column
                          prop="pjzj"
                          label="配件总价"
                  ></el-table-column>
                  <el-table-column
                          prop="gfdj"
                          label="工费单价（克/件）"
                  ></el-table-column>
                  <el-table-column
                          prop="gfzj"
                          label="工费总价"
                  ></el-table-column>
                  <el-table-column
                          prop="price_sum"
                          label="总价"
                  ></el-table-column>
                  <el-table-column width="80">
                    <template slot="header" slot-scope="scope">
                      <el-tooltip content="删除选中" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                    <template slot-scope="scope">
                      <el-tooltip content="删除" placement="bottom">
                        <el-button
                                @click="dialogAdd(scope)"
                                type="danger"
                                icon="el-icon-delete"
                                size="mini"
                        >
                        </el-button>
                      </el-tooltip>
                    </template>
                  </el-table-column>
                </el-table>
              </el-col
              >
            </el-row>
            <el-divider></el-divider>
            <el-row>
              <el-col :span="21">
                <el-form-item label="设计费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="起版费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="改版费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="基本工费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="加急费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="风险费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="证书费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="包装盒费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>

                <el-form-item label="物流费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="其它费用">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="税率（%）">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
                <el-form-item label="是否含税" prop="field3000">
                  <el-checkbox-group v-model="formData.field3000" size="medium">
                    <el-checkbox
                            v-for="(item, index) in field3000Options"
                            :key="index"
                            :label="item.value"
                            :disabled="item.disabled"
                    >{{ item.label }}
                    </el-checkbox
                    >
                  </el-checkbox-group>
                </el-form-item>
                <el-form-item label="税费">
                  <el-input
                          v-model="customer.brand"
                          auto-complete="off"
                          style="width: 100px"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3" class="col-sum">
                <div>小计：2000000元</div>
                <div>合计：99000000元</div>
              </el-col>
            </el-row>

            <el-row style="margin-top: 5px">
              <el-input
                      type="textarea"
                      v-model="customer.name"
                      placeholder="备注"
              ></el-input>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="图片/视频">
            <el-row>
              <upload-img-list></upload-img-list>
            </el-row>

            <el-row class="upload-row">
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">预算图</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">预算视频</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">设计图</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">模版图</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item
                >
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">成品视频</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item
                >
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">字印图</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item
                >
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">其它图片</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col
              >
              <el-col :span="3"
              >
                <el-form-item>
                  <el-upload
                          class="upload-demo"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="3"
                          :on-exceed="handleExceed"
                  >
                    <el-button size="small" type="primary">其它视频</el-button>
                    <div slot="tip" class="el-upload__tip">
                      <!-- 只能上传jpg/png文件，且不超过500kb -->
                    </div>
                  </el-upload>
                </el-form-item>
              </el-col
              >
            </el-row>
            <el-row
            >
              <el-col :span="24"
              >备注：除了预算图和预算视频，其它都可以从产品库导过来
              </el-col
              >
            </el-row
            >
          </el-tab-pane>
          <el-tab-pane label="产品信息">
            <el-input
                    type="textarea"
                    v-model="customer.name"
                    placeholder="产品信息（可以从产品库导入）"
                    style="margin-top: 10px; height: 100%"
            ></el-input>
          </el-tab-pane>
          <el-tab-pane label="产品文案">
            <el-input
                    type="textarea"
                    v-model="customer.name"
                    placeholder="产品文案（可以从产品库导入）"
                    style="margin-top: 10px; height: 100%"
            ></el-input>
          </el-tab-pane>
        </el-tabs>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-dropdown style="float: left; margin-left: 15px">
          <el-button>
            关联数据<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>设计图</el-dropdown-item>
            <el-dropdown-item>客来石</el-dropdown-item>
            <el-dropdown-item>客来金</el-dropdown-item>
            <el-dropdown-item>其它...</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>

        <el-button
                style="float: left; margin-left: 15px"
                type="primary"
                @click="handleButtons(3)"
                icon="el-icon-search"
        >导入产品报价
        </el-button
        >
        <!-- <el-button type="primary" >报价预览</el-button> -->
        <el-button @click="dialogClose">取 消</el-button>
<!--        <el-button type="primary" @click="dialogAdd">添加报价</el-button>-->
        <el-button type="primary" @click="dialogAdd">新创报价</el-button>
      </div>
    </el-dialog>
    <dialog-search-customer
            v-bind:dialogshow="dialogSearchCustomer"
            @dialog_close="dialog_close_search_customer"
    ></dialog-search-customer>
    <dialog-search-product
            v-bind:dialogshow="dialogSearchProduct"
            @dialog_close="dialog_close_search_product"
    ></dialog-search-product>
  </div>
</template>

<style scoped>
  .sum-xj {
    margin-top: 15px;
  }

  .baojia-tabs .el-tab-pane {
    min-height: 400px;
  }

  .upload-row .el-col-3 {
    height: 200px;
  }

  .upload-row .el-col-3 button {
    margin-left: 40px;
  }

  .col-sum {
    padding-top: 10px;
    font-size: 18px;
  }

  #form-baoji .el-input {
    width: 90%;
  }

  #form-baoji .el-row {
    margin-bottom: 0px;
  }

  #form-baoji.el-form--label-top .el-form-item__label {
    padding-bottom: 0px;
  }

  #form-baoji .el-divider--horizontal {
    margin: 5px 0;
  }

  .el-col.col-button {
    padding-top: 26px;
  }

  #form-baoji .el-form-item {
    width: auto !important;
    float: left;
    margin-bottom: 5px;
  }

  #customerDialog .el-form-item {
    width: 45%;
    float: left;
    margin-bottom: 5px;
  }

  #customerDialog .el-form-item:nth-child(odd) {
    float: right;
  }

  .el-dialog__body,
  .el-form {
    overflow: hidden;
  }

  #form-baoji .el-form {
    border: 0 solid #fff !important;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .td-lable,
  .td-info {
    display: inline-table;
    vertical-align: -webkit-baseline-middle;
  }

  .td-lable {
    text-align: right;
    width: 100px;
  }

  .td-info {
    margin-left: 20px;
  }

  .tabs-table td {
    height: 50px;
    border-bottom: 1px solid #dcdfe6;
  }

  .customer-tabs .el-tab-pane {
    height: 400px;
    overflow: auto;
    padding: 20px;
  }
</style>

<script>
  module.exports = {
    methods: {
      getSummaries_zs (param) {
        const { columns, data } = param
        const sums = []
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = '总价'
            return
          }
          const values = data.map((item) => Number(item[column.property]))
          if (!values.every((value) => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr)
              if (!isNaN(value)) {
                return prev + curr
              } else {
                return prev
              }
            }, 0)
            sums[index] += ''
          } else {
            sums[index] = ''
          }
        })

        return sums
      },
      handleRemove (file, fileList) {
        console.log(file, fileList)
      },
      handlePreview (file) {
        console.log(file)
      },
      handleExceed (files, fileList) {
        this.$message.warning(
                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
                files.length + fileList.length
                        } 个文件`
        )
      },
      beforeRemove (file, fileList) {
        return this.$confirm(`确定移除 ${file.name}？`)
      },

      dialogAdd () {
        this.$confirm('是否继续操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
                .then(() => {
                  this.$message({
                    type: 'success',
                    message: '操作成功!',
                  })
                })
                .catch(() => {
                  this.$message({
                    type: 'info',
                    message: '已取消',
                  })
                })
      },
      dialogClose () {
        this.$emit('dialog_close', 1)
      },
      clickfullscreen () {
        this.fullscreen = !this.fullscreen
      },
      //跟进
      dialog_close_genji_customer (val) {
        console.log(val)
        this.dialogCustomerGenji = false
      },
      dialog_close_search_customer (val) {
        console.log(val)
        this.dialogSearchCustomer = false
      },
      dialog_close_search_product (val) {
        console.log(val)
        this.dialogSearchProduct = false
      },

      handleButtons (val) {
        console.log(2222)
        switch (val) {
          case 1:
            this.dialogSendMessage = 'true'
            console.log(this.dialogSendMessage)
            break
          case 2:
            console.log(333)
            this.dialogSearchCustomer = 'true'
            console.log(this.dialogSearchCustomer)
            break
          case 3:
            console.log(333)
            this.dialogSearchProduct = 'true'
            console.log(this.dialogSearchProduct)
            break

          case 10:
            console.log(333)
            this.dialogCustomerInfo = 'false'
            this.dialogCustomerGenji = 'true'
            console.log(this.dialogCustomerGenji)
            break
        }
      },
      addData () {
        this.tableDatas.push({
          edit: true,
        })
      },
      //确认添加
      confirmAdd (row) {
        row.edit = false
      },
      //修改
      editData (row) {
        row.edit = true
      },
      //删除
      deleteData (row, index) {
        this.tableDatas.splice(index, 1)
      },
    },
    props: ['dialogshow'],
    data () {
      return {
        showTableZs: false,
        showTableFs: false,
        showTableGjs: false,
        showTablePj: false,
        activeName: 'first',
        dialogSendMessage: false,
        dialogCustomerInfo: false,
        dialogCustomerGenji: false,
        dialogSearchCustomer: false,
        dialogSearchProduct: false,
        // dialogshow:false,
        fullscreen: false,
        customer: {
          yikoujia: '12.02万',
          beilv: 1.5,
          name: '',
          customercode: '',
          customerstatus: '',
          customercate: '',
          creditrank: '',
          creditline: '',
          capital: '',
          annualsales: '',
          bank: '',
          certificateno: '',
          address: '',
          area: '',
          brand: '',
          bankaccount: '',
          trademark: '',
          website: '',
          lperson: '',
          lphone: '',
          contacts: '',

          phone: '',
          phonenum: '',
          weixin: '',
          email: '',
          fax: '',
          resource: '',
          requirement: '',
          ordercountmonth: '',
          purchaseamountmonth: '',
          ordercountyear: '',
          purchaseamountyear: '',
          customerstaffname: '',
          customerstaffcode: '',
          operator: '',
          insertime: '',
          remark: '',
        },
        formData: {
          field101: '',
          field112: 1,
          field105: '',
          field102: '',
          field108: 0,
          field110: '',
          field113: undefined,
          field114: 0,
          field115: 1,
          field118: 0,
          field123: 0,
          field122: 0,
          field206: undefined,
          field212: undefined,
          field170: 2,
          field171: 1,
          field172: '',
          field173: '',
          field174: 0,
          field175: '',
          field177: undefined,
          field178: 0,
          field179: 1,
          field180: 0,
          field181: 0,
          field182: 0,
          field214: undefined,
          field216: undefined,
          field127: [1, '99.984%'],
          field128: '',
          field138: 1,
          field140: 1,
          field135: 6,
          field137: 0,
          field143: undefined,
          field142: 0,
          field144: 1,
          field145: 0,
          field218: undefined,
          field220: undefined,
          field198: '',
          field205: [],
          field188: '',
          field190: '',
          field191: '',
          field189: 1,
          field192: 0,
          field201: 0,
          field195: undefined,
          field194: 0,
          field204: 2,
          field196: 1,
          field202: 0,
          field203: 0,
          field197: 0,
          field224: undefined,
          field226: undefined,
          field2000: undefined,
          field3000: 1,
          field3001: true,
          field3002: false,
          fieldz3000: 0,
        },
        rules: {
          field101: [],
          field112: [],
          field105: [],
          field102: [],
          field108: [],
          field110: [],
          field113: [],
          field114: [],
          field115: [],
          field118: [],
          field123: [],
          field122: [],
          field170: [],
          field171: [],
          field172: [],
          field173: [],
          field174: [],
          field175: [],
          field177: [],
          field178: [],
          field179: [],
          field180: [],
          field181: [],
          field182: [],
          field127: [],
          field128: [],
          field138: [],
          field140: [],
          field135: [],
          field137: [],
          field143: [],
          field142: [],
          field144: [],
          field145: [],
          field198: [],
          field205: [],
          field188: [],
          field190: [],
          field191: [],
          field189: [],
          field192: [],
          field201: [],
          field195: [],
          field194: [],
          field204: [],
          field196: [],
          field202: [],
          field203: [],
          field197: [],
          field2000: [],
          field3000: [],
        },
        field101Options: [
          {
            label: '钻石',
            value: 1,
          },
          {
            label: '红宝石',
            value: 2,
          },
          {
            label: '蓝宝石',
            value: 3,
          },
          {
            label: '祖母绿',
            value: 4,
          },
          {
            label: '珍珠',
            value: 5,
          },
          {
            label: '白贝',
            value: 6,
          },
          {
            label: '尖晶石',
            value: 7,
          },
          {
            label: '彩钻石',
            value: 8,
          },
          {
            label: '其他',
            value: 9,
          },
        ],
        field105Options: [
          {
            label: 'D',
            value: 'D',
          },
          {
            label: 'E',
            value: 'E',
          },
          {
            label: 'F',
            value: 'F',
          },
          {
            label: 'G',
            value: 'G',
          },
          {
            label: 'H',
            value: 'H',
          },
          {
            label: 'I',
            value: 'I',
          },
          {
            label: 'J',
            value: 'J',
          },
          {
            label: 'K',
            value: 'K',
          },
          {
            label: 'L',
            value: 'L',
          },
          {
            label: 'M',
            value: 'M',
          },
          {
            label: 'N',
            value: 'N',
          },
        ],
        field102Options: [
          {
            label: 'FL',
            value: 1,
          },
          {
            label: 'IF',
            value: 2,
          },
          {
            label: 'VVS1',
            value: 3,
          },
          {
            label: 'VVS2',
            value: 4,
          },
          {
            label: 'VS1',
            value: 5,
          },
          {
            label: 'VS2',
            value: 6,
          },
          {
            label: 'SI1',
            value: 7,
          },
          {
            label: 'SI2',
            value: 8,
          },
          {
            label: 'P1',
            value: 9,
          },
          {
            label: 'P2',
            value: 10,
          },
          {
            label: 'P3',
            value: 11,
          },
        ],
        field2000Options: [
          {
            label: '圆形',
            value: 1,
          },
          {
            label: '心形',
            value: 2,
          },
          {
            label: '梨形',
            value: 3,
          },
          {
            label: '椭圆形',
            value: 4,
          },
          {
            label: '公主方',
            value: 5,
          },
          {
            label: '玫瑰',
            value: 6,
          },
          {
            label: '马眼',
            value: 7,
          },
          {
            label: '绿术石形',
            value: 8,
          },
          {
            label: '其它',
            value: 9,
          },
        ],
        field110Options: [
          {
            label: '完美',
            value: 1,
          },
          {
            label: '非常好',
            value: 2,
          },
          {
            label: '一般',
            value: 3,
          },
          {
            label: '差',
            value: 4,
          },
        ],

        field115Options: [
          {
            label: '是',
            value: 1,
          },
          {
            label: '否',
            value: 2,
          },
        ],
        field170Options: [
          {
            label: '钻石',
            value: 1,
          },
          {
            label: '红宝石',
            value: 2,
          },
          {
            label: '蓝宝石',
            value: 3,
          },
          {
            label: '祖母绿',
            value: 4,
          },
          {
            label: '珍珠',
            value: 5,
          },
          {
            label: '白贝',
            value: 6,
          },
          {
            label: '尖晶石',
            value: 7,
          },
          {
            label: '彩钻石',
            value: 8,
          },
          {
            label: '其他',
            value: 9,
          },
        ],
        field172Options: [
          {
            label: 'D',
            value: 'D',
          },
          {
            label: 'E',
            value: 'E',
          },
          {
            label: 'F',
            value: 'F',
          },
          {
            label: 'G',
            value: 'G',
          },
          {
            label: 'H',
            value: 'H',
          },
          {
            label: 'I',
            value: 'I',
          },
          {
            label: 'J',
            value: 'J',
          },
          {
            label: 'K',
            value: 'K',
          },
          {
            label: 'L',
            value: 'L',
          },
          {
            label: 'M',
            value: 'M',
          },
          {
            label: 'N',
            value: 'N',
          },
        ],
        field173Options: [
          {
            label: 'FL',
            value: 1,
          },
          {
            label: 'IF',
            value: 2,
          },
          {
            label: 'VVS1',
            value: 3,
          },
          {
            label: 'VVS2',
            value: 4,
          },
          {
            label: 'VS1',
            value: 5,
          },
          {
            label: 'VS2',
            value: 6,
          },
          {
            label: 'SI1',
            value: 7,
          },
          {
            label: 'SI2',
            value: 8,
          },
          {
            label: 'P1',
            value: 9,
          },
          {
            label: 'P2',
            value: 10,
          },
          {
            label: 'P3',
            value: 11,
          },
        ],
        field175Options: [
          {
            label: '圆形',
            value: 1,
          },
          {
            label: '心形',
            value: 2,
          },
          {
            label: '梨形',
            value: 3,
          },
          {
            label: '椭圆形',
            value: 4,
          },
          {
            label: '公主方',
            value: 5,
          },
          {
            label: '玫瑰',
            value: 6,
          },
          {
            label: '马眼',
            value: 7,
          },
          {
            label: '绿术石形',
            value: 8,
          },
          {
            label: '其它',
            value: 9,
          },
        ],
        field179Options: [
          {
            label: '是',
            value: 1,
          },
          {
            label: '否',
            value: 2,
          },
        ],
        field3000Options: [
          {
            label: '是',
            value: 1,
          },
        ],
        field127Options: [
          {
            label: '黄金',
            value: 1,
            id: 101,
            children: [
              {
                label: '千足金99.9%',
                value: '千足金99.9%',
                id: 108,
              },
              {
                label: '万足金99.99%',
                value: '万足金99.99%',
                id: 107,
              },
              {
                label: '24K 99.984%(999‰)',
                value: '99.984%',
                id: 106,
              },
              {
                label: '22k 91.652%(916‰)',
                value: '22k 91.652%(916‰)',
                id: 109,
              },
            ],
          },
          {
            label: '铂金',
            value: '铂金',
            id: 110,
            children: [
              {
                label: 'PT999（99.9%）',
                value: 'PT999',
                id: 111,
              },
              {
                label: 'PT990（99%）',
                value: 'PT990',
                id: 112,
              },
            ],
          },
        ],
        field140Options: [
          {
            label: '件',
            value: 1,
          },
          {
            label: '套',
            value: 2,
          },
          {
            label: '款',
            value: 3,
          },
        ],
        field135Options: [
          {
            label: '红',
            value: 1,
          },
          {
            label: '黄',
            value: 2,
          },
          {
            label: '蓝',
            value: 3,
          },
          {
            label: '黑',
            value: 4,
          },
          {
            label: '白',
            value: 5,
          },
          {
            label: '橙',
            value: 6,
          },
          {
            label: '绿',
            value: 7,
          },
          {
            label: '青',
            value: 8,
          },
          {
            label: '玫瑰金',
            value: 9,
          },
          {
            label: '玫瑰金',
            value: 10,
          },
          {
            label: '其它',
            value: 11,
          },
        ],
        field144Options: [
          {
            label: '是',
            value: 1,
          },
          {
            label: '否',
            value: 2,
          },
        ],
        field198Options: [
          {
            label: '钻石',
            value: 1,
          },
          {
            label: '红宝石',
            value: 2,
          },
          {
            label: '蓝宝石',
            value: 3,
          },
          {
            label: '祖母绿',
            value: 4,
          },
          {
            label: '珍珠',
            value: 5,
          },
          {
            label: '白贝',
            value: 6,
          },
          {
            label: '尖晶石',
            value: 7,
          },
          {
            label: '彩钻石',
            value: 8,
          },
          {
            label: '其他',
            value: 9,
          },
        ],
        fieldGgccOptions: [
          {
            label: '戒指',
            value: 1,
            id: 101,
            children: [
              {
                label: '7',
                value: '46mm',
                id: 108,
              },
              {
                label: '8',
                value: '47.5mm',
                id: 107,
              },
              {
                label: '9',
                value: '48mm',
                id: 106,
              },
              {
                label: '10',
                value: '50.5mm',
                id: 109,
              },
            ],
          },
          {
            label: '项链',
            value: '2',
            id: 110,
            children: [
              {
                label: '2',
                value: 'PT9991',
                id: 111,
              },
              {
                label: '3',
                value: 'PT9901',
                id: 112,
              },
            ],
          },
        ],
        field205Options: [
          {
            label: '黄金',
            value: 1,
            id: 101,
            children: [
              {
                label: '千足金99.9%',
                value: '千足金99.9%',
                id: 108,
              },
              {
                label: '万足金99.99%',
                value: '万足金99.99%',
                id: 107,
              },
              {
                label: '24K 99.984%(999‰)',
                value: '99.984%',
                id: 106,
              },
              {
                label: '22k 91.652%(916‰)',
                value: '22k 91.652%(916‰)',
                id: 109,
              },
            ],
          },
          {
            label: '铂金',
            value: '铂金',
            id: 110,
            children: [
              {
                label: 'PT999（99.9%）',
                value: 'PT999',
                id: 111,
              },
              {
                label: 'PT990（99%）',
                value: 'PT990',
                id: 112,
              },
            ],
          },
        ],
        field190Options: [
          {
            label: '件',
            value: 1,
          },
          {
            label: '套',
            value: 2,
          },
          {
            label: '款',
            value: 3,
          },
        ],
        field191Options: [
          {
            label: '红',
            value: 1,
          },
          {
            label: '黄',
            value: 2,
          },
          {
            label: '蓝',
            value: 3,
          },
          {
            label: '黑',
            value: 4,
          },
          {
            label: '白',
            value: 5,
          },
          {
            label: '橙',
            value: 6,
          },
          {
            label: '绿',
            value: 7,
          },
          {
            label: '青',
            value: 8,
          },
          {
            label: '玫瑰金',
            value: 9,
          },
          {
            label: '玫瑰金',
            value: 10,
          },
          {
            label: '其它',
            value: 11,
          },
        ],
        field204Options: [
          {
            label: '货重*金价',
            value: 1,
          },
          {
            label: '数量*单价',
            value: 2,
          },
        ],
        field196Options: [
          {
            label: '是',
            value: 1,
          },
          {
            label: '否',
            value: 2,
          },
        ],
        field127Props: {
          multiple: false,
          label: 'label',
          value: 'value',
          children: 'children',
        },
        field205Props: {
          multiple: false,
          label: 'label',
          value: 'value',
          children: 'children',
        },
        tableDataZs: [
          {
            id: '1',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '否',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '钻石',
            smjz: '40000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '圆形',
            qg: '一般',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '钻石',
            smjz: '50000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '4',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataFs: [
          {
            id: '1',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '否',
            psf: '120',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '红宝石',
            smjz: '40000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '5.005',
            xz: '圆形',
            qg: '一般',
            kfgh: '是',
            psf: '120',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '钻石',
            smjz: '50000',
            number: '2',
            ys: 'D',
            jd: 'FL',
            ct: '1',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            psf: '130',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '4',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            psf: '150',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataGjs: [
          {
            id: '1',
            name: '黄金',
            kfgh: '否',
            cs: '99%',
            ys: '黄',
            jjz: '121',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataPj: [
          {
            id: '1',
            name: '配件1',
            namegjs: '黄金',
            kfgh: '否',
            cs: '99%',
            ys: '黄',
            jjz: '1231',
            gfdj: '234',
            gfzj: '444',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '配件2',
            namegjs: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '配件3',
            namegjs: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
        ],
      }
    },
    components: {
      'dialog-tools': 'url:../tools/dialog-tools.vue',
      'genjin-jilu': 'url:../data/genjin-jilu.vue',
      'dialog-search-customer': 'url:./search-customer.vue',
      'dialog-search-product': 'url:./search-product.vue',
      'upload-img-list': 'url:../tools/upload-img-list.vue',
    },
  }
</script>
